<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header">
	<link rel="stylesheet" href="/js/plugins/layer/laydate/skins/default/laydate.css" />
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div class="columns col-md-2 nopadding" style="width:9%;">
							<select id="searchType"  class="form-control">
							  <option value="">选项</option>
							  <option value="bdNo">保单号</option>
							  <option value="position">安装地点</option>
							  <option value="carHolderName">车主姓名</option>
							  <option value="carHolderPhone">手机号码</option>
							</select>
						</div>
						<div class="columns col-md-2 nopadding" style="width:10%;">
							<input id="searchName" type="text" class="form-control"
								placeholder="请输入...">
						</div>
						<div class="columns col-md-2" style="width:10%;">
							<select id="status" class="form-control">
							  <option value="">状态</option>
							  <option value="0">正常</option>
							  <option value="1">作废</option>
							  <option value="2">过期</option>
							</select>
						</div>
						<div class="columns col-md-4 nopadding" style="width: 27%;">
							<div class=" col-md-6 nopadding">
								<input type="text" class="laydate-icon form-control" 
								    		id="bdStartDates"
                                           	onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" 
                                           	style="background-color: #fff;" readonly="readonly"  placeholder="安装时间（起）"/>
							</div>
							<div class=" col-md-6 nopadding">
								<input type="text" class="laydate-icon form-control" 
								    		id="bdStartDatee"
                                           	onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" 
                                           	style="background-color: #fff;" readonly="readonly"  placeholder="安装时间（止）"/>
							</div>
						</div>
						<div class="columns col-md-4" style="width:27%;">
							<div class=" col-md-6 nopadding">
								<input type="text" class="laydate-icon form-control" 
								    		id="bdCreateDates"
                                           	onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" 
                                           	style="background-color: #fff;" readonly="readonly"  placeholder="录入时间（起）"/>
							</div>
							<div class=" col-md-6 nopadding">
								<input type="text" class="laydate-icon form-control" 
								    		id="bdCreateDatee"
                                           	onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" 
                                           	style="background-color: #fff;" readonly="readonly"  placeholder="录入时间（止）"/>
							</div>
						</div>
						<div class="columns col-md-2 nopadding">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
							<button class="btn btn-default" onclick="reset()">重置</button>
						</div>
						<div style="clear:both"></div>
						<div class="columns pull-left">
							<button shiro:hasPermission="sz:bd:add" type="button" class="btn  btn-primary" onclick="add()">
								<i class="fa fa-plus" aria-hidden="true"></i>添加
							</button>
							<button shiro:hasPermission="sz:bd:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
								<i class="fa fa-trash" aria-hidden="true"></i>删除
							</button>
							<button shiro:hasPermission="sz:bd:batchRemove" type="button" class="btn  btn-primary"
								onclick="printPreview()">
								<i class="fa fa-print" aria-hidden="true"></i>打印
							</button>
							<button shiro:hasPermission="sz:bd:exportBD" type="button" class="btn  btn-primary"
								onclick="exportBD()">
								<i class="fa fa-file-excel-o" aria-hidden="true"></i>列表导出
							</button>
							<button shiro:hasPermission="sz:bd:exportBDSum" type="button" class="btn  btn-primary"
								onclick="exportBDSum()">
								<i class="fa fa-file-excel-o" aria-hidden="true"></i>列表汇总导出
							</button>
						</div>
						<!-- <div class="columns pull-right">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
						</div>
						<div class="columns pull-right col-md-2 nopadding">
							<input id="searchName" type="text" class="form-control"
								placeholder="">
						</div> -->
					</div>
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_see_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="sz:bd:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="sz:bd:see">
			<script type="text/javascript">
				s_see_h = '';
			</script>
		</div>
		<div shiro:hasPermission="sz:bd:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="sz:bd:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/appjs/sz/bd/bd.js"></script>
	<script type="text/javascript" src="/js/openTab.js"></script>
	<script type="text/javascript" src="/js/plugins/layer/laydate/laydate.js" ></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.data.min.js"></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.min.js"></script>
</body>
</html>